<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title th:text="${sectionName}"></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="/css/community.css">
<script src="/js/jquery-3.4.1.min.js" type="text/javascript"></script>
<script src="/js/bootstrap.min.js" type="text/javascript"></script>
</head>
<body class="body">
	<div th:insert="~{navigation :: nav}"></div>
	<div class="container-fluid main profile">
 	 	<div class="row">
   			 <div class="col-lg-9 col-md-12 col-sm-12 col-xs-12">
   			 	<h2><span th:text="${sectionName}"></span></h2>
   			 	<hr>
				<div class="media" th:each="question : ${paginationDTO.questions}">
					<div class="media-left">
						<a href="#"> 
							<img class="media-object img-rounded" 
								th:src="@{${question.user.avatarUrl}}">
						</a>
					</div>
					<div class="media-body">
						<h4 class="media-heading" th:text="${question.title}"></h4>
						<span th:text="${question.description}"></span><br>
						<span class="text-desc">
							<span th:text="${question.commentCount}"></span>个回复 · 
							<span th:text="${question.viewCount}"></span>个浏览 ·
							<span th:text="${#dates.format(question.gmtCreater,'yyyy-MM-dd')}">
						</span>
					</div>
				</div>
				<nav aria-label="Page navigation">
					<ul class="pagination">
						<li th:if="${paginationDTO.showFirstPage}">
							<a th:href="@{'/profile/'+${section}(page=1)}" aria-label="Previous">
								<span aria-hidden="true">&lt;&lt;</span>
							</a>
						</li>
						<li th:if="${paginationDTO.showPrevious}">
							<a th:href="@{'/profile/'+${section}(page=${paginationDTO.currentPage} - 1)}" aria-label="Previous">
								<span aria-hidden="true">&lt;</span>
							</a>
						</li>
						<li th:each="page : ${paginationDTO.pages}" th:class="${paginationDTO.currentPage == page}? 'active' : ''">
							<a th:href="@{'/profile/'+${section}(page=${page})}" th:text="${page}" ></a>
						</li>
						<li th:if="${paginationDTO.showNext}">
							<a th:href="@{'/profile/'+${section}(page=${paginationDTO.currentPage} + 1)}" aria-label="Next">
								<span aria-hidden="true">&gt;</span>
							</a>
						</li>
						<li th:if="${paginationDTO.showEndPage}">
							<a th:href="@{'/profile/'+${section}(page=${paginationDTO.totalPage})}" aria-label="Next">
								<span aria-hidden="true">&gt;&gt;</span>
							</a>
						</li>
					</ul>
				</nav>
			</div>
   			<div class="col-lg-3 col-md-12 col-sm-12 col-xs-12">
				<div class="list-group section">
  					<a href="/profile/questions" class="list-group-item" th:classappend="${section == 'questions'}? 'active' : ''">我的问题</a>
  					<a href="/profile/replies" class="list-group-item" th:classappend="${section == 'replies'}? 'active' : ''">最新回复<span class="badge">14</span></a>
				</div>
   			</div>
  		</div>
	</div>
</body>
</html>